<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>作业详情</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<!-- top bar -->
<header class="bar bar-nav">
    <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/operation/operationIndex}">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class="title">作业详情</h1>
</header>
<!-- top bar end-->

<div class="content wm-content operationInfoWrap-content of">
    <input type="hidden" id="examId" name="examId" th:value="${examRecord['examId']}">
    <div class="operationInfo-content">
        <div class="card">
            <div class="card-header" th:text="${examRecord['name']}">商学院VIP课程班级作业</div>
            <div class="card-content">
                <div class="card-content-inner">
                    <div class="row">
                        <div class="col-75">
                            <div class="row no-gutter">
                                <div class="col-50">
                                    <span class="fs4 c-bbb">作业时长</span>
                                    <aside class="">
                                        <b class="fs7 c-000" th:text="${examRecord['answerTime']}==null ? '0':${examRecord['answerTime']}">0</b>
                                        <span class="fs4 c-888">分钟</span>
                                    </aside>
                                </div>
                                <div class="col-50">
                                    <span class="fs4 c-bbb">作业数量</span>
                                    <aside class="">
                                        <b class="fs7 c-000" th:text="${examRecord['questionCount']}==null ? '0':${examRecord['questionCount']}">0</b>
                                        <span class="fs4 c-888">道题</span>
                                    </aside>
                                </div>
                            </div>
                        </div>
                        <div class="col-25 mt5">
                            <span class="button button-round button-fill button-danger goToTask" th:if="${examRecord['status']}==1 and ${examRecord['examTime']}==0" th:data-id="${examRecord['id']}"> 开始作业 </span>
                            <span class="button button-round button-fill button-danger goToTask" th:if="${examRecord['status']}==1 and ${examRecord['examTime']} >0" th:data-id="${examRecord['id']}"> 继续作答 </span>
                            <span class="button button-round button-fill button-success goToResult" th:if="${examRecord['status']}==2" th:data-id="${examRecord['id']}"> 查看结果 </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <aside class="fs4">
                    <span class="c-red">*</span>
                    <span class="c-888">最晚提交时间： <span th:text="${#strings.isEmpty(examRecord['examPaper']['endTime'])}?'无时间限制':${#dates.format(examRecord['examPaper']['endTime'],'yyyy-MM-dd HH:mm:ss')}"></span></span>
                    <span class="c-888 ml5">超时不可再提交</span>
                </aside>
            </div>
        </div>
    </div>
    <article class="page-infinite__wrap u-operation-infinite__wrap">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                    <div class="">
                        <section class="mb5 pl5 pr5"><span class="fs6 c-333 vam">| </span><b class="fs6 c-333 vam">已交作业情况</b></section>
                        <div class="list-block no-mt mt5">
                            <ul class="list-container facebook-card wm-topic-list" id="task-class-list">

                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/operation/operation-info.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
</body>
</html>